<!DOCTYPE html>
<html>
	<head>
		<!-- 声明文档使用的字符编码 -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<!-- 为移动设备添加 viewport -->
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!--强制Chromium内核作用于360浏览器、QQ浏览器等国产双核浏览器-->
		<meta name="renderer" content="webkit" />
		<!--强制Chromium内核，作用于其他双核浏览器-->
		<meta name="force-rendering" content="webkit" />
		<!--如果有安装 Google Chrome Frame 插件则强制为Chromium内核，否则强制本机支持的最高版本IE内核，作用于IE浏览器：-->
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

		<title>青尚婚庆人才</title>
		<meta name="keywords" content="青尚婚庆人才">
		<meta name="description" content="青尚婚庆人才">
		<link rel="stylesheet" href="css/upload.css" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="css/qingshang.css" />
		<script type="text/javascript" src="js/setFontSize.js"></script>
	</head>
	<body>
		<header class="header redBg">
			<div class="container">
				<a href="address.html" class="location">
					<span id="positon">定位中...</span>
				</a>
			</div>
		</header>
		<main class="pab146">
			<section class="indexBanner">
				<div class="index-banner-swi">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<img class="objectCover" src="img/banner.jpg" alt="" />
							</div>
							<div class="swiper-slide">
								<img class="objectCover" src="img/banner.jpg" alt="" />
							</div>
							<div class="swiper-slide">
								<img class="objectCover" src="img/banner.jpg" alt="" />
							</div>
						</div>
						<!-- Add Pagination -->
						<div class="swiper-pagination swiper-pagination-white"></div>
					</div>
				</div>
			</section>
			<section class="announce">
				<div class="container">
					<div class="box">
						<img src="img/ads.jpg" class="pic" />
						<div class="scrollDiv" id="scroll">
							<ul class="announceList">
								<li class="listItem">
									<a class="txt clearfix" href="#">
										<span class="tag">最新</span>
										<span class="name textOverflow">八折优惠，数量有限，先到先得先到先得先到先得先到先得</span>
									</a>
								</li>
								<li class="listItem">
									<a class="txt clearfix" href="#">
										<span class="tag">hot</span>
										<span class="name textOverflow">2八折优惠，数量有限，先到先得先到先得先到先得先到先得</span>
									</a>
								</li>
							</ul>
						</div>	
					</div>					
				</div>
			</section>
			<section class="homeMo1 mbt20 whiteBg">
				<div class="container">
					<ul class="list clearfix">
						<li class="listItem">
							<a href="list.html">
								<div class="icon">
									<img src="img/homeicon1.jpg"/>
								</div>
								<p class="name">主持人</p>
							</a>
						</li>
						<li class="listItem">
							<a href="list.html">
								<div class="icon">
									<img src="img/homeicon2.jpg"/>
								</div>
								<p class="name">摄影师</p>
							</a>
						</li>
						<li class="listItem">
							<a href="list.html">
								<div class="icon">
									<img src="img/homeicon3.jpg"/>
								</div>
								<p class="name">摄像师</p>
							</a>
						</li>
						<li class="listItem">
							<a href="list.html">
								<div class="icon">
									<img src="img/homeicon4.jpg"/>
								</div>
								<p class="name">化妆师</p>
							</a>
						</li>
					</ul>
				</div>
			</section>
			<section class="profileAds whiteBg radiusBox pad30 mbt20">
				<div class="box">
					<a href="profile.html" class="moreBtn">了解详情></a>
				</div>
			</section>
			<section class="homeMo2 whiteBg radiusBox">
				<div class="container">
					<div class="commonTitle">
						<img src="img/titleicon1.jpg" class="icon"/>
						人才推荐
					</div>
					<ul class="commonList">
						<li class="listItem clearfix">
							<a href="detail.html">
								<div class="picBox">
									<img src="" data-src="img/pic.jpg" class="objectCover"/>
								</div>
								<div class="textBox">
									<h6 class="name textOverflow">用户名</h6>
									<div class="num">订单数：20</div>
									<div class="pro textOverflow2">介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介</div>
									<span class="type bg1">化妆师</span>
								</div>
							</a>
						</li>
						<li class="listItem clearfix">
							<a href="detail.html">
								<div class="picBox">
									<img src="" data-src="img/pic.jpg" class="objectCover"/>
								</div>
								<div class="textBox">
									<h6 class="name textOverflow">用户名</h6>
									<div class="num">订单数：20</div>
									<div class="pro textOverflow2">介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介</div>
									<span class="type bg2">摄影师</span>
								</div>
							</a>
						</li>
						<li class="listItem clearfix">
							<a href="detail.html">
								<div class="picBox">
									<img src="" data-src="img/pic.jpg" class="objectCover"/>
								</div>
								<div class="textBox">
									<h6 class="name textOverflow">用户名</h6>
									<div class="num">订单数：20</div>
									<div class="pro textOverflow2">介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介</div>
									<span class="type bg3">主持人</span>
								</div>
							</a>
						</li>
						<li class="listItem clearfix">
							<a href="detail.html">
								<div class="picBox">
									<img src="" data-src="img/pic.jpg" class="objectCover"/>
								</div>
								<div class="textBox">
									<h6 class="name textOverflow">用户名</h6>
									<div class="num">订单数：20</div>
									<div class="pro textOverflow2">介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介</div>
									<span class="type bg4">摄像师</span>
								</div>
							</a>
						</li>
					</ul>
				</div>
			</section>
		</main>
		<footer class="footer clearfix">
			<div class="item active">
				<a href="index.html" class="box">
					<img src="img/home.png" class="icon"/>
					<img src="img/homeAc.png" class="acIcon"/>
					<p>首页</p>
				</a>
			</div>
			<div class="item">
				<a href="person.html" class="box">
					<img src="img/person.png" class="icon"/>
					<img src="img/personAc.png" class="acIcon"/>
					<p>我的</p>
				</a>
			</div>
			<div class="contact">
				<a href="tel:123456" class="box clearfix">
					<img src="img/contact.png" class="icon"/>
					<span>联系我们</span>
				</a>
			</div>
		</footer>
		<!--jq-->
		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
		<!--弹窗-->
		<script type="text/javascript" src="js/layer/layer.js"></script>
		<!--地址联动-->
		<script type="text/javascript" src="js/distpicker.data.js" ></script>
		<script type="text/javascript" src="js/distpicker.js" ></script>
		<!--图片上传-->
		<script type="text/javascript" src="js/webuploader.html5only.js" ></script>
		<script type="text/javascript" src="js/diyUpload.js" ></script>
		<!--地址簿-->
		<script type="text/javascript" src="js/jquery.charfirst.pinyin.js"></script>
		<script type="text/javascript" src="js/sort.js"></script>
		<!--图片滚动-->
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<!--地图-->
		<script src="https://api.map.baidu.com/api?ak=YZQRHxzAIRKXF3qk7O1qWQkHf5lqoa9y&v=2.0&services=false"></script>		  
		<!--main js-->
		<script type="text/javascript" src="js/qingshang.js"></script>
	</body>
</html>
